import { ChangelogSection } from "@marketing/changelog/components/ChangelogSection";
import { getTranslations } from "next-intl/server";

export default async function PricingPage() {
  const t = await getTranslations();

  return (
    <div className="container max-w-3xl">
      <div className="mb-12 pt-8 text-center">
        <h1 className="mb-2 text-5xl font-bold">{t("changelog.title")}</h1>
        <p className="text-lg opacity-50">{t("changelog.description")}</p>
      </div>
      <ChangelogSection
        items={[
          {
            date: "2024-03-01",
            changes: ["🚀 Improved performance"],
          },
          {
            date: "2024-02-01",
            changes: ["🎨 Updated design", "🐞 Fixed a bug"],
          },
          {
            date: "2024-01-01",
            changes: ["🎉 Added new feature", "🐞 Fixed a bug"],
          },
        ]}
      />
    </div>
  );
}
